﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像的模糊效果</title>
</head>
<body>
<p><font face="Arial" color="#008080">
    <div><p align="center">
        <img  style="filter:blur(add=0,direction=45,strength=10)" src="logo1.gif" width="160" height="103"> </p>
    </div>
</font>
<p align="center">这是图片的模糊效果</p></font>
</body>
</html>